<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="com.are.odisea.*"%>
<%@ page import="java.util.*"%>
<%@include file="validausuario.jsp"%>

<%
	db conexion = new db();
	GestionDepartamento gd = new GestionDepartamento(conexion);
	ArrayList<Departamento> departamentos = gd.List();

%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Distribuir ordenes bandejas</title>
<link rel="stylesheet" href="themes/redmond/jquery.ui.all.css">
<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
<script src="js/jquery.js" language="JavaScript"></script>
<script src="ui/jquery.ui.core.js" language="JavaScript"></script>
<script src="ui/jquery.ui.widget.js" language="JavaScript"></script>
<script src="ui/jquery.ui.button.js"></script>
<script type="text/javascript">
$(function() {
	$( "input:submit, a, button", ".demo" ).button();
	$( "input:button, a, button", ".demo" ).button();
});
</script>
<script type="text/javascript">

	function Distribuir() {
		var departamento = $("#departamento").val();
		var tipo = $("#tipo").val();
		if (departamento == "" || tipo == "") {
			alert("Falta seleccionar informacion");
			return;
		}
		if (confirm("Esta seguro de realizar la distribucion?")) {
			var url = "SrvBandejas";
			$.post(url, {
				operacion: "distribuir",
				departamento : departamento,
				tipo : tipo
			}, procesar);
		}
	}

	function procesar(result) {
		if (result == "OK") {
			alert("ordenes distribuidas correctamente");
			document.location.href = "bandejas.jsp";
		}else {
			$("#info").html("<img src=\"images/alerta.gif\">" + result);
		}
	}
	
	
</script>
</head>
<body>
<%@include file="header.jsp"%>
<div class="contencenter demo">
<h2><img alt="Bandejas" src="images/balanceo.png">  Distribuir ordenes</h2>
<div id="info"></div>
<form action="" name="form1">
	<table>
		<tr>
			<th colspan="2">Distribuir ordenes en las bandejas activas</th>
		</tr>
		<tr>
			<td>Tipo Bandeja</td>
			<td><select name="tipo" id="tipo">
					<option value="1">Instalaciones</option>
					<option value="2">Mantenimiento</option>
				</select></td>
		</tr>
		<tr>
			<td>Departamento</td>
			<td>
			<select id="departamento" name="departamento">
			<% for (Departamento departamento : departamentos)  {%>
				<option value="<%= departamento.getCodigo() %>"><%= departamento.getDescripcion() %></option>
			<% } %>
			</select>
			</td>
		</tr>
		<tr>
			<td colspan="2"><a href="javascript:Distribuir()">Distribuir ordenes</a> <a href="bandejas.jsp">Cancelar</a></td>
		</tr>
	</table>
</form>
</div>
<%@include file="foot.jsp"%>
</body>
</html>
<%
	conexion.Close();
%>